<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0
    ,minimum-scale=1.0.user-scalable=no">
    <meta charset="UTF-8">
    <title> 携程在手，天下我有</title>
    <link rel="stylesheet" href="css/normalize.css">
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src='js/index.js'></script>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!--搜索模块开始-->
    <div class="search_index">
        <div class="search"><span>搜索:目的地/酒店/景点/航班号</span></div>
        <div class="user"><a href="#">我的</a></div>
    </div>
    <!--焦点图模块开始-->
    <div class="focus">
        <ul>
            <li><img src="upload/focus3.jpg" alt=""></li>
            <li><img src="upload/focus.jpg" alt=""></li>
            <li><img src="upload/focus2.jpg" alt=""></li>
            <li><img src="upload/focus3.jpg" alt=""></li>
            <li><img src="upload/focus.jpg" alt=""></li>
        </ul>
        <ol>
            <li class="bg"></li>
            <li></li>
            <li></li>
        </ol>
    </div>
    <!--路由导航栏模块开始-->
    <div class="nav_local">
        <ul>
            <li><a href="#"><span class="nav_local_img"></span><span>景点玩乐</span></a></li>
            <li><a href="#"><span class="nav_local_img_1"></span><span>景点玩乐</span></a></li>
            <li><a href="#"><span class="nav_local_img_2"></span><span>景点玩乐</span></a></li>
            <li><a href="#"><span class="nav_local_img_3"></span><span>景点玩乐</span></a></li>
            <li><a href="#"><span class="nav_local_img_4"></span><span>景点玩乐</span></a></li>
        </ul>
    </div>
    <!--主导航栏模块开始-->
    <nav class="nav">
        <div class="nav1">
            <div class="nav2">海外酒店</div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
        </div>
        <div class="nav1">
            <div class="nav2">海外酒店</div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
        </div>
        <div class="nav1">
            <div class="nav2">海外酒店</div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
            <div class="nav2">
                <a href="" class="nav3">海外酒店</a>
                <a href="" class="nav3">海外酒店</a>
            </div>
        </div>
    </nav>
    <!--侧边导航栏开始-->
    <div class="subnav">
        <ul>
            <li><a href="#"><span class="subnav_img"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img1"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img2"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img3"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img4"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img5"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img6"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img7"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img8"></span><span>电话费</span></a></li>
            <li><a href="#"><span class="subnav_img9"></span><span>电话费</span></a></li>
        </ul>
    </div>
    <!--销售部分-->
    <div class="sales-box">
        <div class="sales-hd">
            <h2>热门活动</h2>
            <a href="#" class="more">获取更多福利</a>
        </div>
        <div class="sales-bd">
            <div class="sales"><a href="#">
                    <img src="upload/pic1.jpg" alt=""></a>
                <a href="#"><img src="upload/pic2.jpg" alt=""></a>
            </div>
            <div class="sales">
                <a href="#"><img src="upload/pic3.jpg" alt=""></a>
                <a href="#"><img src="upload/pic4.jpg" alt=""></a>
            </div>
            <div class="sales">
                <a href="#"><img src="upload/pic5.jpg" alt="">
                </a><a href="#"><img src="upload/pic6.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 功能导航模块 -->
    <footer class="footer">
        <ul>
            <li><a href="#" class="icon1"></a><a href="#" class="current">首页</a></li>
            <li><a href="#" class="icon1"></a><a href="#">社区</a></li>
            <li><a href="#" class="icon1"></a><a href="#">消息</a></li>
            <li><a href="#" class="icon1"></a><a href="html/user.html">我的</a></li>   
        </ul>
    </footer>
</body>

</html>